<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单标签</title>
</head>
<body>
    <!-- 表单标签用于收集用户的数据 -->
    <!-- action：表示提交的URL，数据处理的对象。如果省略或者不写，默认提交给当前的页面处理 -->
    <!-- method: 表示提交数据的方式，通常为get(默认)/post -->
    <form action="" method="get">
        <!--input是一个表单域，type声明类型，默认值为text，表示文本框 -->
        <!-- name为当前的表单域提供一个key，能够和用户提供的值形成key=value的形式，将数据提交 -->
    <label for="usernameId">用户名</label>
    <input id="usernameId" type="text" name="username" value='这是默认值'  placeholder="用户名/邮箱/手机号码"/><br>
    <label for="pwdId">密码</label>
    <input id="pwdId" type="password" name="pwd"  placeholder="密码"/><br>
    <!-- 同一个组的单选框，必须有相同的name属性 -->
    <label for="mId">男</label>
    <input id="mId" type="radio"  name='gender' />
    <label for="fId">女</label>
    <input id="fId" type="radio" checked="checked" name='gender' />
    <br>
    <label for="fish">钓鱼</label>
    <input id="fish" type="checkbox" name='inter' />
    <label for="cook">煮鱼</label>
    <input id="cook" type="checkbox"  checked name='inter' />
    <label for="eat">吃鱼</label>
    <input id="eat" type="checkbox" name='inter' />
<br>
<input type="date">
<br>

    <!-- type=reset表示重置按钮 -->
        <input type="reset">
        <!-- type=submit 表示提交按钮-->
        <input type="submit" value="登录">
    </form>
</body>
</html>